class Observer{
    constructor (data) {
        this.walk(data)
    }
    walk(data) {
        //1.判断data是否是对象
        if(!data || typeof data !== 'object') {
            return
        }
        //2.遍历data对象的所有属性
        Object.keys(data).forEach(key=>{
            this.defineReactive(data,key,data[key])
        })
    }
    defineReactive(obj,key,val){
        let that = this
        let dep = new Dep()
        console.log(obj)
        //如果val是对象，把val内部对象转化为响应式
        this.walk(val)
        Object.defineProperty(obj,key,{
            enumerable:true,
            configurable:true,
            get () {
                Dep.target && dep.addSub(Dep.target) //收集依赖 在get中收集依赖，在set中发送通知

                //obj是this.$data的引用，obj有get方法，又用到val所以形成闭包，val会一直存活，
                return val   //不能用obj[key]，因为defineProperty 访问obj[key]会再次访问get方法陷入死循环
            },
            set (newValue) {
                if(newValue === val) {
                    return
                }
                val = newValue
                that.walk(newValue)
                //发送通知
                dep.notify()
            }
        } )
    }
}